<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
    <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'">
    <title>Hello World!</title>
  </head>
  <body>
    <h1>Hello World!</h1>
    We are using Node.js <span id="node-version"></span>,
    Chromium <span id="chrome-version"></span>,
    and Electron <span id="electron-version"></span>.
    <div>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
      <input class="marData" value="0" type="number"/>
    </div>
    <div>
      <button id="clearBtn">清空数据</button>
    </div>
    <!-- You can also require other files to run in this process -->
    <script src="./renderer.js"></script>
  </body>
</html>
